<!--<h2 >学生信息列表</h2>-->
<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm(validateForm.value)">
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="8">
      <nz-form-item>
        <nz-form-label [nzSpan]="4">专业</nz-form-label>
        <nz-form-control  [nzSpan]="18">
          <nz-select nzAllowClear nzPlaceHolder="请选择专业" formControlName="major">
            <nz-option nzLabel="会计学" nzValue="会计学"></nz-option>
            <nz-option nzLabel="市场营销学" nzValue="市场营销学"></nz-option>
            <nz-option nzLabel="信息管理与信息系统" nzValue="信息管理与信息系统"></nz-option>
            <nz-option nzLabel="国际经济与贸易" nzValue="国际经济与贸易"></nz-option>
            <nz-option nzLabel="金融学" nzValue="金融学"></nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>
    </div>

    <div nz-col [nzSpan]="8">
      <nz-form-item>
        <nz-form-label [nzSpan]="4">班级</nz-form-label>
        <nz-form-control   [nzSpan]="18">
          <nz-select nzAllowClear nzPlaceHolder="请选择班级" formControlName="class">
            <nz-option nzLabel="1501" nzValue="1501"></nz-option>
            <nz-option nzLabel="1502" nzValue="1502"></nz-option>
            <nz-option nzLabel="1601" nzValue="1601"></nz-option>
            <nz-option nzLabel="1602" nzValue="1602"></nz-option>
            <nz-option nzLabel="1701" nzValue="1701"></nz-option>
            <nz-option nzLabel="1702" nzValue="1702"></nz-option>
            <nz-option nzLabel="1801" nzValue="1801"></nz-option>
            <nz-option nzLabel="1802" nzValue="1802"></nz-option>
            <nz-option nzLabel="1901" nzValue="1901"></nz-option>
            <nz-option nzLabel="1902" nzValue="1902"></nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>
    </div>

  <div nz-col [nzSpan]="8">
    <nz-form-item>
      <nz-form-label [nzSpan]="6">入学时间</nz-form-label>
      <nz-form-control  [nzSpan]="18">
        <nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择入学时间" formControlName="time_of_enrollment">
          <nz-option nzLabel="2015" nzValue="2015"></nz-option>
          <nz-option nzLabel="2016" nzValue="2016"></nz-option>
          <nz-option nzLabel="2017" nzValue="2017"></nz-option>
          <nz-option nzLabel="2018" nzValue="2018"></nz-option>
          <nz-option nzLabel="2019" nzValue="2019"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
  </div>

    <div nz-col [nzSpan]="10">
      <nz-form-item>
        <nz-form-label [nzSpan]="4">出生年月</nz-form-label>
        <nz-form-control  [nzSpan]="20">
          <nz-month-picker [nzFormat]="'yyyy/MM'" formControlName="birthday1"></nz-month-picker>
          <nz-month-picker [nzFormat]="'yyyy/MM'" formControlName="birthday2"></nz-month-picker>
        </nz-form-control>
      </nz-form-item>
    </div>

  <div nz-col [nzSpan]="7">
      <nz-form-item>
        <nz-form-label [nzSpan]="3">籍贯</nz-form-label>
        <nz-form-control  [nzSpan]="18">
          <input nz-input placeholder="请输入籍贯" nz-input formControlName="native_place" />
        </nz-form-control>
      </nz-form-item>
    </div>

    <div nz-col [nzSpan]="7" >
      <nz-form-item>
        <nz-form-control>
          <button nz-button nzType="primary"><i nz-icon nzType="search"></i>查询</button>
          <button nz-button (click)="resetForm($event)">重置</button>
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
</form>

<nz-table #headerTable [nzData]="students" [nzPageSize]="20" nzTableLayout="fixed" nzShowQuickJumper>
  <thead>
  <tr>
    <th>学号</th>
    <th>姓名</th>
    <th>性别</th>
    <th>出生年月</th>
    <th>籍贯</th>
    <th>专业</th>
    <th>班级</th>
    <th>入学年份</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let student of headerTable.data">
    <td>{{student.stuid}}</td>
    <td>{{student.name}}</td>
    <td>{{student.sex}}</td>
    <td>{{student.birthday}}</td>
    <td>{{student.native_place}}</td>
    <td>{{student.major}}</td>
    <td>{{student.class}}</td>
    <td>{{student.time_of_enrollment}}</td>
  </tr>
  </tbody>
</nz-table>
